<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="order by dede58.com"/>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<link href="css/common.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">

    <!-- Stylesheets -->
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/responsive.css">
<script src="js/jquery.min.1.8.2.js" type="text/javascript"></script>
<script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script src="js/common_js.js" type="text/javascript"></script>
<script src="js/jquery.foucs.js" type="text/javascript"></script>
<title>用户中心</title>
</head>
<script type="text/javascript">
  $(document).ready(function(){

		  setInterval(showTime, 1000);                                
		  function timer(obj,txt){
						  obj.text(txt);
		  }        
		  function showTime(){                                
				  var today = new Date();
				  var weekday=new Array(7)
				  weekday[0]="星期日"
				  weekday[1]="星期一"
				  weekday[2]="星期二"
				  weekday[3]="星期三"
				  weekday[4]="星期四"
				  weekday[5]="星期五"
				  weekday[6]="星期六"                                        
				  var y=today.getFullYear()+"年";
				  var month=today.getMonth()+1+"月";
				  var td=today.getDate();
				  var d=weekday[today.getDay()];
				  var h=today.getHours();
				  var m=today.getMinutes();
				  var s=today.getSeconds();        
				  timer($("#y"),y+month);
				  //timer($("#MH"),month);        
				  timer($("h1"),td);        
				  timer($("#D"),d);
				  timer($("#H"),h);
				  timer($("#M"),m);
				  timer($("#S"),s);
		  }        
  })
</script>
<body>
<div id="body">
<!--顶部样式-->
<!-- <div class="top_header">
<em class="left_img"></em>
<div class="header clearfix" id="header">
<a href="#" class="logo_img"><img src="images/logo.png" /></a>
<div class="header_Section">
 <div class="shortcut">
  <ul>
   <li  class="hd_menu_tit"><em class="login_img"></em><a href="#">登录</a></li>
   <li  class="hd_menu_tit"><em  class="registered_img"></em><a href="#">注册</a></li>
   <li  class="hd_menu_tit"><em class="Collect_img"></em><a href="#">收藏夹</a></li>
   <li  class="hd_menu_tit"><em class="cart_img"></em><a href="#">购物车（0）</a></li>
   <li  class="hd_menu_tit list_name" data-addclass="hd_menu_hover"><a href="#">网站导航</a><em class="navigation_img"></em>
     
    <div class="hd_menu_list">
     <span class="wire"></span>
		   <ul>
		    <li><a href="#">常见问题</a></li>
			<li><a href="#">在线退换货</a></li>
		    <li><a href="#">在线投诉</a></li>
			<li><a href="#">配送范围</a></li>
		   </ul>
		</div>	
   </li>
  </ul>
 </div>
 <div class="nav" id="Navigation">
  <ul class="Navigation_name"> 
   <li class=""><a herf="#">首页</a></li>
   <li class=""><a herf="#">所有果蔬</a></li>
   <li class=""><a herf="#">活动专区</a></li>
   <li class=""><a herf="#">水果馆</a></li>
   <li class=""><a herf="#">素菜馆</a></li>
   <li class=""><a herf="#">会员中心</a></li>
   <li class=""><a herf="#">联系我们</a></li>
  </ul>
 </div>
 <script>$("#Navigation").slide({titCell:".Navigation_name li"});</script>
</div>
</div>
<em class="right_img"></em>
</div> -->
<header class="main-header">
            <div class="container">
                <div class="header-inner">
                    <div class="logo">
                        <a href="index.html"><img src="assets/img/logo.png" alt="Main Logo"></a>
                    </div>
                    
                    <div class="categories">
                        <button><i class="flaticon-list"></i>
                            <span>商品分类</span></button>
                        <ul>
                            <li v-for="(classify,i) in classifyList"><a :href="'shop.html?id='+classify.id" ><i class="flaticon-chicken-hand-drawn-outline"></i> {{classify.classifyName}}</a></li>
                            <!-- <li><a href="shop.html"><i class="flaticon-chicken-hand-drawn-outline"></i> 家禽</a></li>
                            <li><a href="shop.html"><i class="flaticon-pressure-washer"></i> 粗粮</a></li>
                            <li><a href="shop.html"><i class="flaticon-pest"></i> Pest Control</a></li>
                            <li><a href="shop.html"><i class="flaticon-stationery"></i> Office Products</a></li>
                            <li><a href="shop.html"><i class="flaticon-make-up"></i> Beauty Products</a></li>
                            <li><a href="shop.html"><i class="flaticon-first-aid-kit"></i> Health Products</a></li>
                            <li><a href="shop.html"><i class="flaticon-track"></i>水产</a></li>
                            <li><a href="shop.html"><i class="flaticon-sketch"></i> 手工艺品</a></li>
                             <li><a href="shop.html"><i class="flaticon-baby-boy"></i> Baby Care</a></li> -->
                        </ul>
                    </div>
                    
                    <form action="#" class="menu-search">
                        <!-- <select name="select-category">
                            <option value="option-1">All Categories</option>
                            <option value="option-2">Fruits and Vegetables</option>
                            <option value="option-3">Meat and Fish</option>
                            <option value="option-4">Home and Cleaning</option>
                            <option value="option-5">Pest Control</option>
                            <option value="option-6">Office Products</option>
                            <option value="option-7">Beauty Products</option>
                            <option value="option-8">Health Products</option>
                            <option value="option-9">Pet Care</option>
                            <option value="option-10">Home Appliances</option>
                            <option value="option-11">Baby Care</option>
                        </select> -->
                        <input type="search"  required>
                        <button type="submit" style="width: 150px;">搜索</button>
                    </form>
                    
                    <div class="menu-collections">
                        <!-- <div class="collection-item watch">
                            <i class="flaticon-heart"></i>
                            <div class="collection-inner">
                                <div class="alert single-collection">
                                    <button data-dismiss="alert"><i class="flaticon-delete-button"></i></button>
                                    <div class="collection-image">
                                        <img src="assets/img/shop/cart-1.png" alt="">
                                    </div>
                                    <div class="collection-content">
                                        <p>Danish Full Cream Milk</p>
                                        <h6>$120.00</h6>
                                    </div>
                                </div>
                                <div class="alert single-collection">
                                    <button data-dismiss="alert"><i class="flaticon-delete-button"></i></button>
                                    <div class="collection-image">
                                        <img src="assets/img/shop/cart-2.png" alt="">
                                    </div>
                                    <div class="collection-content">
                                        <p>Healthy Yellow Papaya</p>
                                        <h6>$120.00</h6>
                                    </div>
                                </div>
                                <div class="collection-btn">
                                    <a href="cart.html" class="theme-btn bg-blue no-shadow mx-auto">Add to Cart</a>
                                </div>
                            </div>
                        </div> -->
                        <!-- <div class="collection-item cart">
                            <i class="flaticon-shopping-cart"></i>
                            <div class="collection-inner">
                                <div class="alert single-collection">
                                    <button data-dismiss="alert"><i class="flaticon-delete-button"></i></button>
                                    <div class="collection-image">
                                        <img src="assets/img/shop/cart-1.png" alt="">
                                    </div>
                                    <div class="collection-content">
                                        <p>Danish Full Cream Milk</p>
                                        <h6>$120.00</h6>
                                    </div>
                                </div>
                                <div class="alert single-collection">
                                    <button data-dismiss="alert"><i class="flaticon-delete-button"></i></button>
                                    <div class="collection-image">
                                        <img src="assets/img/shop/cart-2.png" alt="">
                                    </div>
                                    <div class="collection-content">
                                        <p>Healthy Yellow Papaya</p>
                                        <h6>$120.00</h6>
                                    </div>
                                </div>
                                <div class="collection-btn">
                                    <a href="cart.html" class="theme-btn bg-blue no-shadow mr-10">View Cart</a>
                                    <a href="checkout.html" class="theme-btn ml-auto no-shadow">Checkout</a>
                                </div>
                            </div>
                        </div> -->
                        <div class="collection-item profile">
                            <i class="flaticon-user-1"></i>
                            <div class="collection-inner">
                                <ul>
                                    <li><a href="cart.html">购物车</a></li>
                                    <li><a href="user.html">用户中心</a></li>
                                    <li v-if="islogin"><a href="sign-in.html">登录</a></li>
                                    <!-- <li><a href="sign-up.html">Sign Up</a></li> -->
                                </ul>
                            </div>
                        </div>
                    </div>
                    
                    <!-- <div class="main-menu">
                        <button><i class="flaticon-list-menu"></i></button>
                        <ul>
                            <li><a href="index.html">Home</a></li>
                            <li class="dropdown"><a href="#">Blog</a>
                                <ul>
                                    <li><a href="blog.html">All Blog</a></li>
                                    <li><a href="blog-details.html">Blog Details</a></li>
                                </ul>
                            </li>
                            <li class="dropdown"><a href="#">Shop</a>
                                <ul>
                                    <li><a href="shop.html">Shop Page</a></li>
                                    <li><a href="shop-details.html">Shop Details</a></li>
                                    <li><a href="cart.html">Cart Page</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                </ul>
                            </li>
                            <li class="dropdown"><a href="#">Pages</a>
                                <ul>
                                    <li><a href="sign-in.html">Sign In</a></li>
                                    <li><a href="sign-up.html">Sign Up</a></li>
                                </ul>
                            </li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                        <div class="menu-overlay"></div>
                    </div> -->
                </div>
            </div>
            <div class="collection-close"></div>
        </header>
<!---->
<div><a href="#"><img src="images/AD_page_img_02.png" width="100%"/></a></div>
<!--位置-->
<div class="Bread_crumbs">
 <!-- <div class="Inside_pages clearfix">
   <div class="right Search">
   <form>
    <input name="" type="text"  class="Search_Box"/>
    <input name="" type="button"  name="" class="Search_btn"/>
    </form>
   </div>
 </div> -->
</div>
<!--用户中心-->
<div class="Inside_pages clearfix">
  <div class="clearfix user" >
    <div class="user_left">
      <div class="user_info">
       <div class="Head_portrait"><img src="images/product_img_17.png"  width="80px" height="80px"/><!--头像区域--></div>
       <div class="user_name">{{user.userName}}</div>
      </div>
      <ul class="Section">
       <!-- <li><a href="#"><em></em><span>我的特色馆</span></a></li> -->
       <li><a href="user_info.html"><em></em><span>个人信息</span></a></li>
       <!-- <li><a href="user_Password.html"><em></em><span>修改密码</span></a></li> -->
       <li><a href="user.html"><em></em><span>我的订单</span></a></li>
       <!-- <li><a href="#"><em></em><span>我的评论</span></a></li>
       <li><a href="#"><em></em><span>我的积分</span></a></li>
       <li><a href="#"><em></em><span>我的收藏</span></a></li> -->
       <li><a href="user_address.html"><em></em><span>收货地址管理</span></a></li>
      </ul>
    </div>
    <div class="user_right">
     <div class="user_center_style">
     <div class="user_time">
      <h1></h1>
      <h4 id="D"></h4>
      <h4 id="y"></h4>
     </div>
      <ul class="user_center_info">
       <!-- <li>
        <img src="images/user_img_05.png" />
        <h4 class="Money">余额￥34</h4>
       </li> -->
       <li><img src="images/user_img_04.png" />
        <a href="#">待收货</a>
       </li>
       <!-- <li><img src="images/user_img_06.png" />
        <a href="#">积分234分</a>
       </li> -->
       <li><img src="images/user_img_03.png" />
        <a href="#">订单评价</a>
       </li>
      </ul>     
     </div>
     <div class="Order_form">
       <div class="user_Borders">
        <div class="title_name">
        <span class="name">我的订单</span>
        <a href="#">更多订单&gt;&gt;</a>
       </div>
       <div class="Order_form_list">
         <table>
         <thead>
          <td class="list_name_title0">商品</td>
          <td class="list_name_title1">单价(元)</td>
          <td class="list_name_title2">数量</td>
          <td class="list_name_title4">实付款(元)</td>
          <td class="list_name_title5">订单状态</td>
          <td class="list_name_title6">操作</td>
         </thead> 
         <tbody v-for="order in orders">       
           <tr><td colspan="6" class="Order_form_time">{{order.creatdTime}} 订单号：{{order.orderNo}}</td></tr>
           <tr>
           <td colspan="3">
           <table class="Order_product_style">
           <tr>
           <td>
            <div class="product_name clearfix">
            <a href="#"><img src="images/product_img_17.png"  width="80px" height="80px"/></a>
            <a href="3">{{order.productName}}</a>
            <!-- <p class="specification">礼盒装20个/盒</p> -->
            </div>
            </td>
            <td>{{order.singlePrice}}</td>
           <td>{{order.quantity}}</td>
            </tr>
            </table>
           </td>   
           <td class="split_line">{{order.price}}</td>
           <!-- <td class="split_line">{{order.status}}</td> -->
		   <td class="split_line" v-if="order.status==1">未支付</td>
		   <td class="split_line" v-if="order.status==2">已支付</td>
		   <td class="split_line" v-if="order.status==5">完成</td>
           <td></td>
           </tr>
           </tbody>
            
         </table>
       </div>
       </div>
     </div>
    </div>
  </div>
</div>
<!--底部样式-->
<footer class="footer bg-black pt-100 text-lg-left text-center">
            <div class="container">
                <div class="row">

                    <!--Footer Column-->
                    <div class="col-lg-3 col-md-12 mb-30">
                        <div class="footer-widget logo-widget mr-20">
                            <div class="footer-logo">
                                <a href="index.html"><img src="assets/img/logo.png" alt="footer logo"></a>
                            </div>
                            <p>坚持农业农村优先发展，要推动城乡融合发展。破解城乡发展不平衡不协调的矛盾，必须打破城乡二元的制度藩篱，重塑城乡关系，让广大农民平等参与现代化进程。</p>
                           <!-- <div class="footer-social-icon">
                                <ul class="social-style-one">
                                    <li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                    <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                </ul>
                            </div> -->
                        </div>
                    </div>

                    <!--Footer Column-->
                    <div class="col-lg-2 col-md-3 mb-30">
                        <div class="footer-widget links-widget float-lg-right mr-40">
                            <h5 class="footer-title mb-30">快捷导航</h5>
                            <ul class="list">
                                <li><a href="index.html">主页</a></li>
                                <li><a href="shop.html">商品</a></li>
                                <li><a href="sign-in.html">登录</a></li>
                                <!-- <li><a href="#">CONTACT</a></li> -->
                            </ul>
                        </div>
                    </div>

                    <!--Footer Column-->
                    <div class="col-lg-4 col-md-5 mb-30">
                        <div class="footer-widget form-widget ml-115 mr-30">
                            <h5 class="footer-title mb-30">坚持农业农村优先发展</h5>
                            <p>中央农村工作会议日前在北京举行。会议研究部署了坚持农业农村优先发展的政策措施，是事关脱贫攻坚和乡村振兴的又一次重要会议。明后两年是全面建成小康社会的关键时期，是打赢脱贫攻坚战和实施乡村振兴战略的历史交汇期，做好“三农”工作具有重大意义。会议为做好明后两年“三农”工作确定了基调，为加快实施乡村振兴战略指明了方向，是推进“三农”事业的响鼓重槌。</p>
                            <!-- <form class="subscribe">
                                <input type="email" placeholder="Your Email For Notify" required>
                                <button type="submit">Send</button>
                            </form> -->
                        </div>
                    </div>

                    <!--Footer Column-->
                    <div class="col-lg-3 col-md-4 mb-30">
                        <div class="footer-widget pament-widget">
                            <h5 class="footer-title mb-30">Payment</h5>
                            <ul class="list">
                                <li><a href="#"><img src="assets/img/pay-method/visa.png" alt=""></a></li>
                                <li><a href="#"><img src="assets/img/pay-method/mastercard.png" alt=""></a></li>
                                <li><a href="#"><img src="assets/img/pay-method/discover.png" alt=""></a></li>
                                <li><a href="#"><img src="assets/img/pay-method/americanexpress.png" alt=""></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">

                        <!-- Copyright Area-->
                        <div class="copyright text-center pl-10 pr-10 pt-30 pb-10 mt-55 rmt-35 mb-65">
                            <p>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                        </div>

                    </div>
                </div>

            </div>
        </footer>
</div>
</body>
</html>
<!-- jequery plugins -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap-v4.1.3.min.js"></script>
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <script src="assets/js/jquery.simpleLoadMore.min.js"></script>
    <script src="assets/js/slick.min.js"></script>
    <script src="assets/js/appear.js"></script>

    <!-- Custom script -->
    <script src="assets/js/script.js"></script>
	<script src="assets/js/vue.js"></script>
	<script src="assets/js/axios.min.js"></script>
	<script src="assets/js/vue-router.js"></script>
	<script>
		var getuser=JSON.parse(sessionStorage.getItem('user'));
		var v;
		new Vue({
			el:'#body',
			data:{
				classifyList:[],
				user:{},
				islogin:true,
				orders:[]
			},
			methods:{
				classfiyLoad:function(){
					$.get('http://192.168.1.19:8080/products/getClassify',function (resp) {
					    
					    var str=resp.data.list;
					    v.classifyList=str;
					    console.log("*******"+v.classifyList)
					});
				},
				getUserOrders:function(id){
					$.get('http://localhost:8085/maintain/maintainList',{userId:id},function(resp){
						v.orders=resp.data.list;
						
					})
				},
				getUser:function(){
					this.user=getuser;
				},
				isLogin:function(){
					if(getuser!=null){
						this.islogin= false;
					}else{
						this.islogin=true;
					}
				}
			},
			mounted:function(){
				v=this;
				this.getUser();
				this.classfiyLoad();
				this.isLogin();
				this.getUserOrders(this.user.id);
			}
		})
	</script>